<template>

  <el-dialog title="邮件模板内容" :visible.sync="visible" :close-on-click-modal="false" width="600px" append-to-body>

      <template v-if="!!data">
        <h2>{{data.subject}}</h2>
        <br>
        <div v-html="data.mailBody"></div>
      </template>

      <div slot="footer" class="dialog-footer">
        <el-button @click="visible = false" size="mini">关 闭</el-button>
      </div>

  </el-dialog>

</template>

<script>

import ApiMain from '@/api/email.type';
import ApiSubInfo from '@/api/email.subInfo';

export default {
  mixins: [
  ],
  props: [
  ],
  components: {
  },
  data () {
    return {
      
      visible: false,

      data: null,
    }
  },
  mounted () {
  },

  methods: {

    show (data) {
      this.data = data;
      this.visible = true;
    },

  }
}
</script>

<style>

</style>
